/********** 首页 **********/
/* BANNER图 */
.banner{ overflow:hidden; position:relative; width:100%; height:447px; background:#fe7a05 url("../images/banner.jpg") no-repeat center;}
.banner .box{ display:inline; float:left; width:506px; height:477px; margin-left:140px; animation:float 8s ease 0.4s infinite normal;}
.banner .box .bg{ position:absolute; top:45px; z-index:0; width:506px; height:377px; background:url("../images/txt_bg.png") no-repeat;}
.banner .box .con{ position:absolute; top:78px; z-index:99; width:507px; height:377px; background:url("../images/txt_con.png") no-repeat;}
.banner .box .rocket_box{ position:absolute; bottom:0; z-index:9; width:100%; height:100%; transform:translateY(400px); animation:rocketFade 1s ease 0.6s both;}
.banner .box .rocket_box .rocket_bg{ position:absolute; top:102px; left:50%; z-index:9; width:183px; height:352px; margin-left:-92px; background:url("../images/rocket_bg.png") no-repeat;}
.banner .box .rocket_box .rocket{ position:absolute; top:42px; right:0; left:50%; width:64px; height:102px; margin-left:-32px; background:url("../images/rocket.png") no-repeat; animation:float 8s ease 1.2s infinite normal;}
.banner .login{ position:absolute; top:42px; right:50%; z-index:999; width:337px; height:297px; margin-right:-440px; background-color:rgba(256,256,256,0.78);}
.banner .login .tag{ position:absolute; top:0; right:0; display:block; width:89px; height:87px; background:url("../images/login_tag.png") no-repeat;}
.banner .login .login_list{ padding:26px 21px 0;}
.banner .login .login_list li{ overflow:hidden; width:298px; margin-bottom:8px; border-radius:2px 0 0 2px; font-size:0;}
.banner .login .login_list li label{ display:inline-block; width:41px; line-height:41px; height:100%; border-right:2px solid #feb008; background-color:#ff6e00; text-align:center;}
.banner .login .login_list li label i{ width:26px; height:26px; vertical-align:middle;}
.banner .login .login_list li input{ width:255px; height:41px; padding:0 8px; font-size:14px; color:#000;}
.banner .login .login_list li .btn{ display:block; width:100%; height:37px; line-height:37px; margin-top:6px; background:linear-gradient(right,#ff6900,#ff7b00); background:-webkit-linear-gradient(right,#ff6900,#ff7b00); background:-moz-linear-gradient(right,#ff6900,#ff7b00); background:-o-linear-gradient(right,#ff6900,#ff7b00); font-size:14px; color:#fff; text-align:center;}
.banner .cloud{ position:absolute; bottom:0; z-index:99; width:100%; height:245px; background:url("../images/cloud.png") center;}
@keyframes float{
    0% { transform: translateY(0)}
    50% { transform: translateY(20px)}
    100% { transform: translateY(0)}
}
@keyframes rocketFade{
    0% {
        opacity:0;
        transform: translateY(400px);
    }
    100% {
        opacity:1;
        transform: translateY(0);
    }
}

.choose_list{ width:100%; height:532px; background:url("../images/choose_img.jpg") no-repeat top center;}
.choose_list li{ width:290px; height:70px; line-height:70px; margin-bottom:100px; background-color:#ff7900; font-size:24px; color:#fff; text-align:center;}
.choose_list ul.fl li{ border-top-left-radius:42px; border-bottom-right-radius:42px;}
.choose_list ul.fr li{ border-bottom-left-radius:42px; border-top-right-radius:42px;}

/* 400电话市场环境现状 */
.marketenvir{width:100%; height:716px; padding:18px 0; background:#ecf4f6 url("../images/marketenvir_bg.jpg") no-repeat;}
.marketenvir_box{ position:relative; width:396px; height:460px; margin:0 auto; background:url("../images/marketenvir_img.png") no-repeat;}
.marketenvir_box span{ position:absolute; font-size:20px; font-weight:bold; color:#333;}
.marketenvir_box span.txt01{ top:53px; left:-297px;}
.marketenvir_box span.txt02{ top:223px; left:-283px;}
.marketenvir_box span.txt03{ top:403px; left:-213px;}
.marketenvir_box span.txt04{ top:53px; right:-200px;}
.marketenvir_box span.txt05{ top:223px; right:-260px;}
.marketenvir_box span.txt06{ top:403px; right:-206px;}
.marketenvir_box .mark{ position:absolute; top:-40px; left:-356px; width:175px; height:85px; background:url("../images/marketenvir_markbg.png") no-repeat bottom right;}
.marketenvir_box .mark p{ height:68px; line-height:25px; padding:10px; border-radius:12px; background-color:#ea5514; font-size:14px; color:#fcd991;}

/* 加盟400电话 如何营销 */
.joinmarketing{ width:100%; height:576px; background:url("../images/joinmarketing_bg.jpg") no-repeat;}
.joinmarketing_list li{ position:relative; display:inline; float:left; width:560px; height:116px; margin:0 80px 43px 0; border:1px solid #ff7700; background:#fff url("../images/joinmarketing_tag_bg.jpg") no-repeat top left;}
.joinmarketing_list li:nth-child(2n){ margin-right:0;}
.joinmarketing_list li .txt{ padding:36px 146px 30px 68px;}
.joinmarketing_list li .txt h3{ line-height:22px; font-size:18px; font-weight:bold; color:#333;}
.joinmarketing_list li .txt p{ line-height:22px; font-size:14px; color:#333;}
.joinmarketing_list li .icon{ position:absolute; top:20px; right:30px; width:81px; height:81px;}

/* 400电话加盟标准 */
.join_area{ box-shadow:0 8px 20px rgba(0,0,0,0.2); clear:both; width:819px; height:429px; margin:-50px auto 35px; padding:15px; border-radius:15px; background:#fff url("../images/bg_form.png") repeat;}
.join_box{ position:relative; width:100%; height:100%; border-radius:15px; background-color:#fff;}
.join_box .join_tit{ position:absolute; top:-100px; left:50%; width:173px; height:173px; margin-left:-86px; padding:40px 0; border-radius:50%; background-color:#ff7600;}
.join_box .join_tit h2{ line-height: 40px; font-size:30px; font-weight:bold; color:#fff; text-align:center;}
.join_list{ padding-top:70px; text-align:center;}
.join_list li{ position:relative; display:inline-block; width:307px; height:100px; margin:42px 22px 0; border:1px dashed #747474;}
.join_list li p{ line-height:100px; font-size:18px; color:#333;}
.join_list li img{ position:absolute; top:50%; left:-26px; margin-top:-29px;}

.text_box{ position:relative; width:586px; height:323px; border:1px solid #e9e9ea;}
.text_box .text_tit{ position:absolute; top:105px; left:0; width:167px; text-align:center;}
.text_box .text_tit span{ display:block; width:89px; height:32px; line-height:32px; margin:20px auto 0; border-radius:16px; font-size:14px; color:#fff;}
.text_box.qa .text_tit span{ background-color:#ff8103;}
.text_box.news .text_tit span{ background-color:#f6242f;}
.text_box .text_list{ padding:26px 56px 0 168px;}
.text_list li{ position:relative; height:44px; line-height:44px; border-bottom:1px dashed #c8c8c8;}
.text_list li a{ display:block; padding:0 14px 0 27px; font-size:14px; color:#8a8a8a;}
.text_list li a:before{ position:absolute; top:18px; left:3px; content:""; width:0; height:0; border:2px solid #ff8303; border-radius:50%;}
.text_box.qa .text_list li a:before{border:2px solid #ff8303;}
.text_box.news .text_list li a:before{border:2px solid #f6242f;}
.text_list li a span{ display:inline; float:right;}
.text_box.qa .text_list li a:hover,.text_box.qa .text_list li a:hover span{ color:#ff8303;}
.text_box.news .text_list li a:hover,.text_box.news .text_list li a:hover span{ color:#f6242f;}
.text_box .text_list .more{ display:inline; float:right; margin-top:25px; padding:7px 21px; border:1px solid #d2d2d2; font-size:12px; color:#8a8a8a;}

/* 全国400电话合作加盟点 */
.partnership{ clear:both;}
.partnership .partnership_box{ overflow:hidden; padding-bottom:42px; background-color:#f6f7fa;}
.partnership_list li{ display:inline; float:left; margin:42px 30px 0 0;}
.partnership_list li:nth-child(8n){ margin-right:0;}
.partnership_list li a{ box-shadow:0 4px 7px rgba(250,60,70,0.55); display:block; width:123px; height:41px; line-height:41px; padding:0 13px; border:1px solid #ebebeb; border-radius:8px; background-color:#fff; font-size:14px; color:#4c4d4d; text-overflow:hidden; overflow:hidden; white-space:nowrap;}
.partnership_list li a:hover{ box-shadow:none; background-color:#ff7b00; color:#fff;}

/* 友情链接 */
.friendLink{ background-color:#fff;}
.friendLink p{ position:relative; padding:10px 0 10px 70px; font-size:14px; color:#89898b;}
.friendLink p span{ position:absolute; top:12px; left:0; }
.friendLink p a{ display:inline-block; margin:0 5px; padding:3px 0; color:#89898b;}

/* 极速预约 */
.appointment{ height:81px; background-color:#ea5514;}
.appointment_form{ padding-top:16px;}
.appointment_form li{ display:inline; float:left; margin-left:31px;}
.appointment_form li.phone{ margin:-5px 12px 0 15px;}
.appointment_form li.phone .icon{ width:62px; height:62px;}
.appointment_form li.phone span{ display:inline-block; padding:8px 0 0 16px; font-size:14px; color:#fff;}
.appointment_form li.phone span em{ display:block; padding-top:3px; font-size:24px;}
.appointment_form li.textitem,.appointment_form li.textverifi{ width:192px; height:51px; line-height:51px; padding:0 16px; background-color:#fff;}
.appointment_form li.textverifi{ width:150px;}
.appointment_form li.textitem label,.appointment_form li.textverifi label{ font-size:14px; color:#89898b;}
.appointment_form li.textitem input,.appointment_form li.textverifi input{ width:116px; height:100%; padding-left:8px; font-size:14px; color:#000;}
.appointment_form li.textverifi input{ width:60px;}
.appointment_form li .appointment_btn{ display:block; width:124px; height:52px; line-height:52px; border-radius:8px; background-color:#ffb119; font-size:20px; color:#fff; text-align:center;}


/********** 合作加盟 **********/
.partnership_nav{ overflow:hidden; padding-bottom:70px;}
.partnership_nav li{ display:inline; float:left; margin-left:34px;}
.partnership_nav li:first-child{ margin-left:0;}
.partnership_nav li .img{ display:inline; float:left; width:175px; height:175px; background:url("../images/partnership_radius.png") no-repeat;}
.partnership_nav li .img img{ margin:17px 0 0 0; border-radius:50%;}
.partnership_nav li .txt{ display:inline; float:left; width:182px; margin-left:20px;}
.partnership_nav li .txt h3{ padding-bottom:10px; font-size:20px; font-weight:bold; color:#ff7200;}
.partnership_nav li .txt p{ line-height:26px; font-size:14px; color:#5a5f62;}

.partner_list{ width:100%; height:352px; background:url("../images/partner_bg.png") no-repeat center;}
.partner_list li{ width:210px; line-height:25px; margin:24px 780px 65px 0; font-size:14px; color:#5a5f62;}
.partner_list li:nth-child(2n){ margin-right:0;}

.process_list{ clear:both; overflow:hidden; padding-bottom:20px;}
.process_list li{ position:relative; display:inline; float:left; margin-right:104px; text-align:center;}
.process_list li:last-child{ margin-right:0;}
.process_list li .radius{ display:block; width:149px; height:149px; line-height:149px; background:linear-gradient(to right,#ff6900,#ff7b00); border-radius:50%;}
.process_list li .radius i{ width:90px; height:90px; text-align:center; vertical-align:middle;}
.process_list li h5{ line-height:35px; margin-top:10px; font-size:18px; font-weight:bold; color:#535353;}
.process_list li p{ width:154px; line-height:25px; font-size:14px; color:#5a5f62; text-align:center;}
.process_list li img{ position:absolute; top:65px; right:-69px;}

.novice_list{ width:100%; height:517px; background:url("../images/novice_bg.png") no-repeat;}
.novice_list li{ clear:both; padding-top:16px;}
.novice_list li.item01{ padding-left:581px;}
.novice_list li.item02{ padding-left:553px;}
.novice_list li.item03{ padding-left:525px;}
.novice_list li.item04{ padding-left:497px;}
.novice_list li.item05{ padding-left:469px;}
.novice_list li.item06{ padding-left:441px;}
.novice_list li.item07{ padding-left:413px;}
.novice_list li .num{ display:inline; float:left; width:47px; height:47px; line-height:47px; border-radius:50%; background-color:rgba(256,256,256,0.9); font-size:18px; font-weight:bold; color:#ff7916; text-align:center;}
.novice_list li .txt{ display:inline; float:left; margin-left:80px; font-size:14px;}
.novice_list li .txt span,.novice_list li .txt em{ display:block; line-height:26px; color:#ff7916;}

.cooperwin{ width:100%; height:573px; background:url("../images/cooperwin_bg.jpg") no-repeat;}
.cooperwin .hd{ height:80px; line-height:80px;}
.cooperwin .login{ width:640px; height:458px; margin:0 auto; background-color:rgba(256,256,256,0.18);}
.cooperwin .login .tag{ position:absolute; top:0; right:0; display:block; width:89px; height:87px; background:url("../images/login_tag.png") no-repeat;}
.cooperwin .login .login_list{ padding:31px 125px 0;}
.cooperwin .login .login_list li{ overflow:hidden; margin-bottom:20px; border-radius:2px 0 0 2px; font-size:0;}
.cooperwin .login .login_list li label{ display:inline-block; width:41px; line-height:41px; height:100%; border-right:1px solid #b6b6b6; background-color:#d5d5d5; text-align:center;}
.cooperwin .login .login_list li label i{ width:26px; height:26px; background-position-y:-1394px; vertical-align:middle;}
.cooperwin .login .login_list li input{ width:348px; height:41px; padding:0 8px; font-size:14px; color:#000;}
.cooperwin .login .login_list li textarea{ width:100%; height:94px; border-radius:3px;}
.cooperwin .login .login_list li .btn{ display:block; width:100%; height:37px; line-height:37px; border-radius:3px; background:linear-gradient(right,#ff6900,#ff7b00); background:-webkit-linear-gradient(right,#ff6900,#ff7b00); background:-moz-linear-gradient(right,#ff6900,#ff7b00); background:-o-linear-gradient(right,#ff6900,#ff7b00); font-size:14px; color:#fff; text-align:center;}

/****** 400电话功能 ******/
.sub_nav{ height:80px; padding:20px 0; border-bottom:1px solid #eee;}
.sub_nav li{ display:inline; float:left; height:44px; line-height:44px; margin:0 98px; padding:0 31px; border-radius:22px;}
.sub_nav li a{ font-size:18px; color:#000;}
.sub_nav li.active{ background:linear-gradient(#ff7000,#ff4f00);}
.sub_nav li.active a{ color:#fff;}

/* 尚通400电话免费增值功能 */
.func_con{ position:relative; height:197px; margin-top:78px; margin-bottom:47px; padding-left:152px;}
.func_con img{ position:absolute; top:0; left:0; z-index:99;}
.func_con .func_txt{ height:197px; padding:38px 74px 0 173px; background:linear-gradient(to right,#f5f5f5,#fdfdfd);}
.func_txt h5{ display:inline-block; margin-bottom:12px; padding-bottom:10px; border-bottom:2px solid #ff864b; font-size:18px; color:#333;}
.func_txt p{ line-height:30px; font-size:14px; color:#5e6267;}
.zzgn_con{ width:100%; height:286px; margin-top:30px; background:url("../images/zzgn_img.jpg") no-repeat top center;}

/* 尚通400电话常见增值功能 */
.features_con{ position:relative; clear:both; width:100%;}
.features_hd ul{ width:1200px; margin:0 auto;}
.features_hd li{ position:relative; display:inline; float:left; width:160px; margin:20px 40px; text-align:center; cursor:pointer;}
.features_hd li i{ display:inline-block; width:60px; height:60px; background:url("../images/icon.png") no-repeat;}
.features_hd li i.clzz_icon{ background-position:0 0;}
.features_hd li i.clsc_icon{ background-position:-120px 0;}
.features_hd li i.jccl_icon{ background-position:-240px 0;}
.features_hd li i.ggcl_icon{ background-position:-360px 0;}
.features_hd li i.bbcl_icon{ background-position:-480px 0;}
.features_hd li i.tscl_icon{ background-position:-600px 0;}
.features_hd li i.ivr_icon{ background-position:-720px 0;}
.features_hd li i.zjbd_icon{ background-position:-840px 0;}
.features_hd li i.lyxx_icon{ width:68px; background-position:-961px 0;}
.features_hd li i.mydpj_icon{ background-position:-1094px 0;}
.features_hd li p{ line-height:50px; font-size:18px; color:#666;}
.features_hd li.active i{ background-position-y:-90px;}
.features_hd li.active:after{ position:absolute; bottom:-52px; right:62px; z-index:99; content:""; width:0; height:0; border-style:solid; border-width:16px; border-color:#fff transparent transparent transparent;}
.features_hd li.active p{ color:#ff7200;}
.features_bd{ display:none; clear:both; width:100%; height:373px; margin:10px 0;}
.features_bd.dis{ display:block;}
.features_bd li{ display:none; width:100%; height:373px; background-repeat:no-repeat;}
.features_bd li .layout{ padding:77px 220px 0 85px;}
.features_bd li.clzz{ display:block; background-image:url("../images/clzz.jpg")}
.features_bd li.clsc{ background-image:url("../images/clsc.jpg")}
.features_bd li.jccl{ background-image:url("../images/jccl.jpg")}
.features_bd li.ggcl{ background-image:url("../images/ggclxp.jpg")}
.features_bd li.bbcl{ background-image:url("../images/ghbbcl.jpg")}
.features_bd li.tscl{ background-image:url("../images/ldtscl.jpg")}
.features_bd li.ivr{ background-image:url("../images/ivryydh.jpg")}
.features_bd li.zjbd{ background-image:url("../images/zjbd.jpg")}
.features_bd li.lyxx{ background-image:url("../images/lyxx.jpg")}
.features_bd li.mydpj{ display:block; background-image:url("../images/mydpj.jpg")}
.features_bd li h3{ padding-bottom:27px; font-size:22px; font-weight:bold; color:#fff;}
.features_bd li p{ line-height:30px; font-size:16px; color:#fff;}
.features_bd li a{ display:block; width:116px; height:39px; line-height:39px; margin-top:30px; border-radius:19px; background-color:#fff; text-align:center; font-size:16px; color:#ff7200;}

.addedservice_item03{ margin-bottom: 20px;}
.addedservice_item03 li{ float: left; position: relative; width:240px; height:344px; border-left:1px solid #eee; text-align: center; overflow: hidden;}
.addedservice_item03 li:first-child{ border-left:none;}
.addedservice_item03 li h3{ font-size:18px; color:#393939; font-weight: bold;}
.addedservice_item03 span{ display: inline-block; width:118px; height:118px;  margin-bottom: 30px; padding-top:25px; border-radius: 50%; border:1px solid #e9effa; background:#f9f9f9;}
.addedservice_item03 span i{ width:62px; height:62px;}
.addedservice_item03 li:nth-child(1) span i{ background-position:0 -176px;}
.addedservice_item03 li:nth-child(2) span i{ background-position:-60px -176px;}
.addedservice_item03 li:nth-child(3) span i{ background-position:-122px -176px;}
.addedservice_item03 li:nth-child(4) span i{ background-position:-186px -176px;}
.addedservice_item03 li:nth-child(5) span i{ width:72px; background-position:-258px -180px;}
.addedservice_item03 .normal p{ margin-top:20px; line-height:25px; color:#666;}
.addedservice_item03 li .normal{ position: absolute; top:0; left:0; width:240px; height:344px; padding-top:50px;transition:all 0.5s ease-in-out; }
.addedservice_item03 li .txt{ position: absolute; bottom:-344px; width:240px; height:344px; padding:14px; background-image: -moz-linear-gradient( 0deg, rgb(255,110,0) 0%, rgb(255,79,0) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(255,110,0) 0%, rgb(255,79,0) 100%); background-image: -ms-linear-gradient( 0deg, rgb(255,110,0) 0%, rgb(255,79,0) 100%); color:#fff; overflow: hidden; transition:all 0.5s ease-in-out;}
.addedservice_item03 li .txt h4{margin-bottom:10px; font-size:18px;}
.addedservice_item03 li .txt p{text-align: left; color:#fff; line-height:23px;}
.addedservice_item03 li:hover .normal{ top:-344px;}
.addedservice_item03 li:hover .txt{ bottom:0; }

.addedservice_item04{ margin-bottom:40px;}
.addedservice_item04 .tab_hd>div{ float:left; width:240px; padding-bottom:40px; text-align: center; font-size:18px; cursor:pointer;}
.addedservice_item04 .tab_hd>div i{ width:50px; height:50px; margin-bottom:20px;}
.addedservice_item04 .tab_hd>div i.fwm{ background-position:0 -262px;}
.addedservice_item04 .tab_hd>div i.ldtp{ background-position:-95px -262px;}
.addedservice_item04 .tab_hd>div i.dhhy{width:53px; background-position:-189px -262px;}
.addedservice_item04 .tab_hd>div i.ymcl{ background-position:-279px -262px;}
.addedservice_item04 .tab_hd>div i.sjapp{ background-position:-366px -262px;}
.addedservice_item04 .tab_hd>div.active{ border-bottom:2px solid #ff6e00; color:#ff7200;}
.addedservice_item04 .tab_hd>div:hover{ color:#ff7200;}
.addedservice_item04 .tab_hd>div.active i,.addedservice_item04 .tab_hd h3:hover i{ background-position-y:-342px;}
.addedservice_item04 .tab_bd{ clear:both; background:#f7f8fa; margin-top: -2px;}
.addedservice_item04 .tab_bd>div{ display:none;}
.addedservice_item04 .tab_bd>div.dis{ display:block;}
.addedservice_item04 .tab_bd .layout{ padding:40px 238px 80px 95px;}
.addedservice_item04 .tab_bd .layout h4{ margin-bottom:20px; color:#575758; font-size:18px;}
.addedservice_item04 .tab_bd .layout p{ font-size:16px; color:#9e9e9f; line-height:30px;}

.addedservice_item05 li{ float:left; width:300px; height:330px; padding-top:40px; margin-bottom:86px; border-right: 3px;text-align: center; -webkit-transition: box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;}
.addedservice_item05 li:hover{background-color: #fff;box-shadow: 0 0 30px #e8e8e8;}
.addedservice_item05 li i{ width:60px; height:63px; margin: 0 auto 30px; -webkit-transition: background .3s ease;	-o-transition: background .3s ease;	transition: background .3s ease;}
.addedservice_item05 li i.gjdx{ background-position:5px -420px;}
.addedservice_item05 li i.lddx{ background-position:-90px -420px;}
.addedservice_item05 li i.dxcf{ background-position:-187px -420px;}
.addedservice_item05 li i.tzdx{ background-position:-275px -415px;}
.addedservice_item05 li h3{margin-bottom: 15px;font-size:18px; font-weight:bold; color:#000;}
.addedservice_item05 li p{margin: 0 40px; font-size: 12px;color: #bebebe;line-height: 22px;}
.addedservice_item05 li p{ text-align:left;}
.addedservice_item05 li:hover i{ background-position-y:-507px;}

/****** 常见问题 ******/
.question_nav{ padding-bottom:100px;}
.question_nav dt{ position:relative; margin-top:32px; padding:6px 55px 6px;}
.question_nav dt i{ position:absolute; top:0; left:0; width:42px; height:32px; background-position:0 -594px;}
.question_nav dt span{ display:block; font-size:16px; color:#0079c9;}
.question_nav dd{ position:relative; margin-top:32px; padding:3px 55px;}
.question_nav dd i{ position:absolute; top:0; left:0; display:inline-block; width:42px; height:32px; background-position:-60px -594px;}
.question_nav dd img{ margin-bottom:13px;}
.question_nav dd p{ line-height:30px; font-size:14px; color:#525252;}

/****** 400电话是什么？ ******/
.telephone_tit{ position:relative; padding:78px 0 100px 90px;}
.telephone_tit img{ position:absolute; top:50px; left:0;}
.telephone_tit .telephone_hd{ height:226px; padding:40px 64px 0 328px; background-color:#f5f5f5;}
.telephone_hd h3{ display:inline-block; margin-bottom:22px; padding-bottom:10px; border-bottom:2px solid #ff864b; font-size:18px; color:#333;}
.telephone_hd p{ line-height:31px; font-size:14px; color:#5e6267;}

.telephone_box{ clear:both; overflow:hidden; padding:30px 0;}
.telephone_box.gray_bg{ background:#fbfbfb;}
.telephone_box.bg01{ background:url("../images/telephone_bg01.jpg") no-repeat bottom center;}
.telephone_box.bg02{ background:url("../images/telephone_bg02.jpg") repeat-x bottom center;}
.telephone_box .txt{ padding:30px 152px 50px 45px;}
.telephone_box .txt h5{ padding-bottom:17px; font-size:24px; color:#000;}
.telephone_box .txt p{ line-height:31px;}

/****** 关于我们 ******/
.about_con{ overflow:hidden; padding-bottom:100px;}
.about_con .img{ display:inline; float:right; width:434px; height:424px;}
.about_con .txt{ display:inline; float:left; width:721px; height:424px; padding:18px 27px; border:1px solid #eee;}
.about_con .txt p{ line-height:30px; text-indent:2em; font-size:14px; color:#333;}
.about_con .txt p span{ font-size:14px; color:#f72a2f;}

.aboutspint_box{ overflow:hidden; width:100%; height:472px; background:#f8f8f8 url("../images/wave_bg.png") no-repeat bottom center;}
.aboutspint_nav{ width:100%; height:253px; margin-top:102px; background:url("../images/aboutspint_item.png") no-repeat bottom center;}
.aboutspint_nav li{ display:inline; float:left; width:135px; text-align:center;}
.aboutspint_nav li.item01{ margin:87px 0 0 205px;}
.aboutspint_nav li.item02{ margin:35px 0 0 183px;}
.aboutspint_nav li.item03{ margin:98px 0 0 196px;}
.aboutspint_nav li h5{ font-size:18px; color:#fff;}
.aboutspint_nav li p{ line-height:27px; font-size:14px; color:#fff;}

.environment_nav li,.team_nav li{ position:relative; overflow:hidden; display:inline; float:left; width:386px; height:227px; margin:22px 19px 0 0;}
.environment_nav li:nth-child(3n),.team_nav li:nth-child(3n){ margin-right:0;}
.team_nav li img{ position:absolute; top:0; left:0; transition:all 0.5s ease 0s;}
.team_nav li .txt{ opacity:0; display:inline; position:relative; z-index:1; width:100%; height:38px; line-height:36px; margin:88px auto; border:2px solid #c9a96e; color:#c9a96e; transition:all 0.5s ease 0s; }
.team_nav li .txt:before{ content:""; display:block; position:absolute; top:50%; bottom:50%; z-index:0; width:100%; background-color:#c9a96e; transition:all 0.5s ease 0s;}
.team_nav li .txt span{ position:relative; z-index:1; display:none; width:100%; height:100%; font-size:16px; font-weight:bold; text-align:center;}
.team_nav li .mask{ position:absolute; bottom:0; width:100%; height:0; background-color:rgba(0,0,0,0.5); transition:all 0.5s ease 0s;}
.team_nav li:hover .txt{ opacity:1; display:block; width:158px; color:#fff;}
.team_nav li:hover .txt:before{ top:0; bottom:0;}
.team_nav li:hover .txt span{ display:block;}
.team_nav li:hover .mask{ height:100%;}
.team_nav li:hover img{ transform:scale(1.1);}

/* 公司地址 */
.address{ overflow:hidden; margin-bottom:30px; padding:30px 0; border:1px solid #ddd;}
.address_txt{ display:inline-block; line-height:35px; margin-bottom:33px;}
.address_txt h5{ line-height:22px; font-size:18px; color:#111;}
.address_txt h3{ line-height:22px; font-size:24px; color:#111;}
.address_txt p{ line-height:18px; font-size:14px; color:#999; white-space:normal;}
.address_curtit{ clear:both;}
.address_curtit .address_txt{ float:left; display:inline; width:175px; margin-left:15px;}
.address_curtit:hover span{ background-color:#12aeff;}
.address_curtit:hover .address_txt h5,.address_curtit:hover .address_txt p{ color:#12aeff;}
.address_curtit span{ float:left; width:33px; height:33px; background-color:#c5c5c5; border-radius:4px; text-align:center;}
.address_curtit i{display:inline-block; width:17px; height:18px; margin-top:10px;}
.address_curtit i.telephone_icon{background-position:0 -659px;}
.address_curtit i.email_icon{background-position:-37px -659px;}
.address_curtit i.qq_icon{background-position: -76px -659px;}
.address_curtit i.address_icon{background-position: -111px -658px;}
.address_left{float:left; display:inline; padding:0 26px 0 30px; width:279px;}
.address_right{float:left; display:inline;}
.map{ width:898px; height:428px;}
.map_tit{font-size:14px; color:#CC5522; font-weight:bold; white-space:nowrap;}
.map_msg{ padding-top:4px; font-size:12px; color:#111; word-wrap:break-word;}

/****** 尚通优势 ******/
.channelAdvant_con{ padding-bottom:90px;}
.channelAdvant_con .img{ padding-bottom:37px; text-align:center;}
.channelAdvant_con .txt span{ padding-right:41px; font-size:14px; color:#5a5f62;}
.channelAdvant_con .txt span:last-child{ padding-left:22px; padding-right:0;}

.professionAdvant_box{ height:520px; background:url("../images/professionAdvant_bg.jpg") no-repeat bottom center;}
.professionAdvant_nav li{ overflow:hidden; display:inline; float:left; width:379px; height:262px; margin-right:29px; border:1px solid #d1d1d1;}
.professionAdvant_nav li:last-child{ margin-right:0;}
.professionAdvant_nav li img{ border-bottom:1px solid #d1d1d1;}
.professionAdvant_nav li p{ line-height:30px; padding-top:10px; text-align:center; font-size:14px; color:#000;}

.resourceAdvant_con .img{ display:inline; float:left;}
.resourceAdvant_con .txt{ display:inline; float:right; width:570px; margin-top:70px;}
.resourceAdvant_con .txt p{ position:relative; padding:0 0 87px 50px; border-left:1px solid #ff7a14; font-size:14px; color:#000;}
.resourceAdvant_con .txt p em{ position:absolute; top:-10px; left:-18px; display:inline-block; width:36px; height:36px; line-height:36px; border-radius:50%; background-color:#ff9b4c; font-size:16px; color:#fff; text-align:center;}
.resourceAdvant_con .txt p:last-child{ border-left:0 none;}

.serviceAdvant_nav{ overflow:hidden; padding-bottom:90px;}
.serviceAdvant_nav li{ display:inline; float:left; margin-right:200px;}
.serviceAdvant_nav li:last-child{ margin-right:0;}
.serviceAdvant_nav li p{ line-height:28px; padding-top:50px; font-size:16px; color:#000; text-align:center;}

.qualificatAdvant_box{ clear:both; width:100%; height:618px; background:url("../images/qualificatAdvant_bg.jpg") no-repeat;}
.qualificatAdvant_box .tit h2{ color:#fff;}
.qualificatAdvant_con{ overflow:hidden; padding-top:10px;}
.qualificatAdvant_con .prev,.qualificatAdvant_con .next{ width:76px; height:76px; line-height:76px; margin-top:120px; border-radius:50%; background-color:rgba(256,256,256,0.5); text-align:center;}
.qualificatAdvant_con .prev{ float:left;}
.qualificatAdvant_con .next{ float:right;}
.qualificatAdvant_con .prev:hover,.qualificatAdvant_con .next:hover{ background-color:rgba(256,256,256,0.8);}
.qualificatAdvant_con .prev i,.qualificatAdvant_con .next i{ width:13px; height:26px; vertical-align:middle;}
.qualificatAdvant_con .prev i{ background-position:0 -1438px;}
.qualificatAdvant_con .next i{ background-position:-21px -1438px;}
.qualificatAdvant_nav{ overflow:hidden; position:relative; display:inline; float:left; width:1018px; height:380px; margin-left:16px;}
.qualificatAdvant_nav ul{ position:absolute; top:0; left:0;}
.qualificatAdvant_nav li{ display:inline; float:left; height:331px; text-align:center;}
.qualificatAdvant_nav li .img{ overflow:hidden; display:inline; float:left; width:248px; height:380px; margin:0 3px;}
.qualificatAdvant_nav li p{ padding-top:24px; font-size:14px; color:#fff;}

/****** 市场前景 ******/
.prospectsDevelop_con{ overflow:hidden; padding-bottom:94px;}
.prospectsDevelop_con .img{ display:inline; float:left;}
.prospectsDevelop_con .txt{ display:inline; float:right; width:477px; padding-top:180px;}
.prospectsDevelop_con .txt h3{ line-height:53px; font-size:18px; color:#5a5f62;}
.prospectsDevelop_con .txt p{ line-height:24px; font-size:14px; color:#5a5f62;}

.industdemand_box{ width:100%; height:475px; background:url("../images/industdemand_bg.jpg") no-repeat;}
.industdemand_box .tit h2{ color:#fff;}
.industdemand_box .hd{ margin:0 43px; border-bottom:1px solid #6e747d;}
.industdemand_box .hd li{ position:relative; display:inline; float:left; margin-right:46px;}
.industdemand_box .hd li a{ padding:0 86px; font-size:18px; color:#fff;}
.industdemand_box .hd li.active:after{ position:absolute; bottom:1px; left:0; display:block; content:""; width:100%; height:3px; background:linear-gradient(to right,#fdca34,#d55a4b);}
.industdemand_box .hd li:last-child{ margin-right:0;}
.industdemand_box .bd{ padding-left:125px;}
.industdemand_box .bd li{ display:none;}
.industdemand_box .bd li.dis{ display:block;}
.industdemand_box .bd li h5{ padding-top:25px; font-size:18px; font-weight:bold; color:#fff; text-align:left;}
.industdemand_box .bd li p{ padding-top:25px; font-size:14px; color:#fff;}

.custGroup_img{ width:100%; height:376px; background:url("../images/custGroup_img.jpg") no-repeat top center;}

/****** 新闻 ******/
.news_box{ overflow:hidden; margin:10px 0; padding:35px 9px; border:1px solid #e6e6e6;}
.news_box .news_left{ display:inline; float:left; width:270px;}
.news_right{ display:inline; float:right; width:900px;}
.news_left .joinContact_box{ overflow:hidden; margin-top:25px; border:1px solid #e6e6e6;}
.joinContact_box .joinContact_hd{ height:57px; line-height:57px; padding:0 16px; background:linear-gradient(to right,#ff6f00,#ff4f00); text-align:left;}
.joinContact_hd i{ display:inline-block; width:28px; height:28px; margin:15px 10px 0 0;}
.joinContact_hd span{ font-size:16px; font-weight:bold; color:#fff;}
.joinContact_nav{ padding:0 6px;}
.joinContact_nav li{ height:79px; line-height:79px; padding:0 13px; border-bottom:1px solid #e6e6e6;}
.joinContact_nav li i{ width:32px; height:32px; margin:24px 12px 0 0;}
.joinContact_nav li span{ font-size:16px; font-weight:bold; color:#646464;}
.joinContact_nav li:last-child{ border-bottom:0 none;}
.joinContact_nav li .onlineserv_btn{ display:inline-block; width:146px; height:44px; line-height:44px; border:1px solid #ff8200; border-radius:6px; background-color:#fff4d5;}
.joinContact_nav li .onlineserv_btn i{ margin:5px 12px 0 7px;}
.convenserve_nav{ overflow:hidden; padding-bottom:153px;}
.convenserve_nav li{ display:inline; float:left; width:130px; margin-top:60px; text-align:center;}
.convenserve_nav li span{ display:block; width:89px; height:89px; line-height:89px; margin:0 auto; border:2px solid #ecf1fa; border-radius:50%; background-color:#f9f9f9; text-align:center;}
.convenserve_nav li span i{ display:inline-block; width:46px; height:43px; vertical-align:middle;}
.convenserve_nav li span:hover{ background:linear-gradient(#ff6e00,#ff5000); border:0 none;}
.convenserve_nav li span:hover i{ background-position-y:-823px;}
.convenserve_nav li p{ padding-top:23px; font-size:18px; color:#646464;}
.newsfirst_con{ overflow:hidden; position:relative; height:188px; border:1px solid #e8e8e8;}
.newsfirst_con .img{ position:absolute; top:0; left:0; width:213px; height:186px;}
.newsfirst_con .txt{ padding:0 50px 0 251px;}
.newsfirst_con .txt h3{ line-height:35px; padding-top:22px; font-size:20px; font-weight:bold; color:#646464;}
.newsfirst_con .txt span{ font-size:12px; color:#969696;}
.newsfirst_con .txt p{ line-height:22px; padding-top:15px; color:#a0a0a2;}
.news_nav li{ position:relative; height:122px; margin-top:16px; padding:0 30px 0 135px; border:1px solid #e6e6e6;}
.news_nav li .date{ position:absolute; top:0; left:0; width:120px; height:120px; padding:0 16px; background-color:#f9f9f9; font-size:16px; color:#646464; text-align:center;}
.news_nav li .date span{ display:block; height:63px; margin-bottom:9px; padding-top:18px; border-bottom:1px solid #646464; font-size:32px; color:#646464;}
.news_nav li .txt h3{ line-height:37px; padding-top:13px; font-size:18px; color:#646464;}
.news_nav li .txt p{ line-height:22px; font-size:14px; color:#a0a0a2;}
.news_nav li:hover{ box-shadow:0 0 8px rgba(255,110,0,0.28);}
.news_nav li:hover .date{ background:linear-gradient(#ff5400,#ff6e00); color:#fff;}
.news_nav li:hover .date span{ color:#fff; border-bottom-color:#fff;}

/*.page_box{ height:36px; margin-top:-1px; padding:0 19px; border:1px solid #e6e6e6; background-color:#f9f9f9;}
.page_box span{ display:inline; float:left; line-height:34px; font-size:12px; color:#000;}
.page_box .page_nav{ display:inline; float:right; padding-top:4px;}
.page_nav li{ display:inline; float:left; margin-left:-1px;}
.page_nav li a{ display:block; height:24px; line-height:24px; padding:0 8px; border:1px solid #dcdcdc; background-color:#fff;}
.page_nav li a:hover,.page_nav li.active a{ background:linear-gradient(#ff6e00,#ff5000); color:#fff;}
.page_nav li.prev a i,.page_nav li.next a i{ display:inline-block; width:5px; height:8px; margin-top:8px;}
.page_nav li.prev a i{ background-position:0 -883px;}
.page_nav li.next a i{ background-position:-16px -883px;}
.page_nav li.prev:hover a i,.page_nav li.next:hover a i{ background-position-y:-903px; }
.page_nav li .text{ width:37px; height:24px; margin-left:13px; padding:0 5px; border:1px solid #dcdcdc; border-radius:3px;}
.page_nav li .btn{ width:29px; height:24px; border:1px solid #dcdcdc; border-radius:3px; background-color:#fff; cursor:pointer;}
.page_nav li .btn:hover{ background:linear-gradient(#ff6e00,#ff5000); color:#fff;}

*/

.page{border:1px solid #dcdcdc; text-align: center; background-color:#f9f9f9; overflow: hidden;}
.page span{float: left; padding:5px 5px;text-align: left;}
.page ul{ display:block; float: right; padding:5px 15px; line-height: 20px; color: #000; }
.page li{float: left;  margin-right: 4px; border:1px solid #d2d2d2; border-radius: 4px; background: #fff; overflow: hidden;}
.page li a{ vertical-align: top; display: inline-block; height: 22px; width: 30px; border-left:1px solid #ddd; text-align:center;line-height:22px;}
.page li a:first-child{ border-left:none;}
.page .move_prev{ background: #fff url(../images/icon.png) no-repeat -271px -253px; }
.page .move_next{  background: #fff url(../images/icon.png) no-repeat -316px -253px;}
.page .move_prev:hover{background: #1293f7 url(../images/icon.png) no-repeat -356px -253px; }
.page .move_next:hover{background: #1293f7 url(../images/icon.png) no-repeat  -400px -253px; }
.page li a.slh{ line-height: 21px; }
.page li a:hover,.page li a.on{ background: #f72a2f; border-color:#f72a2f; color: #fff; }
.page .page_ipt{ border:none; background-color:#fff; width:25px; line-height:23px; text-align: center;}


.news_con{ padding:0 45px;}
.news_con h1{ font-size:26px; text-align:center;}
.news_con .info{ display:block; padding-top:18px; font-size:14px; color:#999; text-align:center;}
.news_con .info em{ font-size:14px; color:#ff6e00;}
.news_con .img{ padding-top:37px; text-align:center;}
.news_con .txt{ padding:45px 0;font-size:16px;}
.news_con .txt p{ line-height:28px; font-size:16px; color:#000; text-indent:2em;}
.news_con .other{ padding:13px 0; border-top:1px dashed #d8d8d8;}
.news_con .other p{ line-height:33px;}
.news_con .other p a{ font-size:14px; color:#000;}
.news_con .other p a:hover{ color:#ff6e00; text-decoration:underline;}
.related_nav{ padding-top:15px; border-top:1px solid #d8d8d8;}
.related_nav dt{ font-size:18px; color:#ff6e00;}
.related_nav dd{ padding-top:8px;}
.related_nav dd li{ display:inline; float:left; width:352px; line-height:28px; margin-right:105px;}
.related_nav dd li a{ font-size:14px; color:#666;}
.related_nav dd li a:hover{ color:#ff6e00;}
.related_nav dd li span{ float:right;}
.related_nav dd li:nth-child(2n){ margin-right:0;}

.rows {margin:3px 5px;}

.breadcrumb{ padding: 30px 0; font-size: 14px; color: #666;}
.breadcrumb:before{ display:inline-block; content: ""; width: 3px; height: 13px; background-color:#ea5514; vertical-align: middle;}
.breadcrumb span{ padding: 0 10px; font-size: 14px; color: #333;}